@import "./theme/base-imort.less";

.apply {
  margin: 8px 6px;
  box-sizing: border-box;
  position: relative;
  .applyOrder {
    .cellBorderRadius(0.5);
    background-color: #fff;
    border: 1px solid @border;
    padding: 4px 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
    .applyorderTop {
      display: flex;
      font-size: 14px;
      padding: 0 6px;
      .userInfo {
        flex: 1;
        display: flex;
        .avatar {
          width: 44px;
          height: 44px;
          img {
            .cellBorderRadius(0.5);
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .supplementInfo {
          display: flex;
          margin-left: 10px;
          flex-direction: column;
          .nickname {
            font-weight: bolder;
            padding: 4px 0;
          }
          .place {
            font-size: 12px;
            margin: 2px 0;
            color: @textColor;
          }
        }
      }
      .orderPrice {
        align-self: center;
        font-size: 18px;
        color: @priceColor;
      }
    }
  }
  .block {
    height: 38px;
    width: 100%;
  }
}